<!DOCTYPE html>
<html>
<head>
    <title>00注册页面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="static/resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="static/data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="static/files/00注册页面/styles.css" type="text/css" rel="stylesheet"/>
    <script src="static/resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="static/resources/scripts/axure/axQuery.js"></script>
    <script src="static/resources/scripts/axure/globals.js"></script>
    <script src="static/resources/scripts/axutils.js"></script>
    <script src="static/resources/scripts/axure/annotation.js"></script>
    <script src="static/resources/scripts/axure/axQuery.std.js"></script>
    <script src="static/resources/scripts/axure/doc.js"></script>
    <script src="static/resources/scripts/messagecenter.js"></script>
    <script src="static/resources/scripts/axure/events.js"></script>
    <script src="static/resources/scripts/axure/recording.js"></script>
    <script src="static/resources/scripts/axure/action.js"></script>
    <script src="static/resources/scripts/axure/expr.js"></script>
    <script src="static/resources/scripts/axure/geometry.js"></script>
    <script src="static/resources/scripts/axure/flyout.js"></script>
    <script src="static/resources/scripts/axure/model.js"></script>
    <script src="static/resources/scripts/axure/repeater.js"></script>
    <script src="static/resources/scripts/axure/sto.js"></script>
    <script src="static/resources/scripts/axure/utils.temp.js"></script>
    <script src="static/resources/scripts/axure/variables.js"></script>
    <script src="static/resources/scripts/axure/drag.js"></script>
    <script src="static/resources/scripts/axure/move.js"></script>
    <script src="static/resources/scripts/axure/visibility.js"></script>
    <script src="static/resources/scripts/axure/style.js"></script>
    <script src="static/resources/scripts/axure/adaptive.js"></script>
    <script src="static/resources/scripts/axure/tree.js"></script>
    <script src="static/resources/scripts/axure/init.temp.js"></script>
    <script src="static/resources/scripts/axure/legacy.js"></script>
    <script src="static/resources/scripts/axure/viewer.js"></script>
    <script src="static/resources/scripts/axure/math.js"></script>
    <script src="static/resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="static/data/document.js"></script>
    <script src="static/files/00注册页面/data.js"></script>
    <script type="text/javascript">
        $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
        $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
        $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
    <script>
        function loadXMLDoc()
        {
            var xmlhttp;
            if (window.XMLHttpRequest)
            {
                xmlhttp=new XMLHttpRequest();
            }
            else
            {
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    var registerResult = document.getElementById("registerResult").value;
                    var org = document.getElementById("u22_input").value;
                    var identity = document.getElementById("u23_input").value;
                    var password = document.getElementById("u25_input").value;
                    var certpassword = document.getElementById("u27_input").value;
                    var realname = document.getElementById("u29_input").value;
                    var phone = document.getElementById("u31_input").value;

                    if (org=="组织机构"){
                        alert("请选择您的组织")
                    }else if (identity=="请输入18位身份证号"){
                        alert("请输入您的身份证号")
                    } else if (password=="6-30位密码"){
                        alert("请输入您的密码")
                    } else if (password!=certpassword){
                        alert("两次密码不一致")
                    } else if (realname=="真实姓名"){
                        alert("请输入您的真实姓名")
                    }  else if (phone=="11位手机号"){
                        alert("请输入您的11位手机号")
                    } else if(registerResult){
                        alert(registerResult)
                        document.getElementById("registerResult").value =null
                    }
                }
            }
            xmlhttp.open("GET","register",true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
<div id="base" class="">
    <input id="ExistInsti" name="ExistInsti" type="hidden" value="{{.Msg}}">
    <form id="fm1" action="/register" method="post" name="Register" autocomplete="off">
        <!-- Unnamed (组 合) -->
        <div id="u15" class="ax_default" data-left="0" data-top="0" data-width="1920" data-height="1080">

            <!-- Unnamed (图片) -->
            <div id="u16" class="ax_default _图片">
                <img id="u16_img" class="img " src="static/images/00登录页面/u1.jpg"/>
                <div id="u16_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u17" class="ax_default box_1">
                <div id="u17_div" class=""></div>
                <div id="u17_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18" class="ax_default box_1">
            <div id="u18_div" class=""></div>
            <div id="u18_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u19" class="ax_default _一级标题">
            <div id="u19_div" class=""></div>
            <div id="u19_text" class="text ">
                <p><span style="text-decoration:none;">医疗数据跨队列管理平台</span></p>
            </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u20" class="ax_default _图片">
            <img id="u20_img" class="img " src="static/images/00登录页面/u14.png"/>
            <div id="u20_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u21" class="ax_default label">
            <div id="u21_div" class=""></div>
            <div id="u21_text" class="text ">
                <p><span style="text-decoration:none;color:#FF0000;">* </span><span style="text-decoration:none;">组织机构:</span></p>
            </div>
        </div>


        <!--  参考  https://blog.csdn.net/Silenct_UZI/article/details/106217086 -->
        <!-- 组织机构 (下拉列表框) -->
        <div id="u22" class="ax_default droplist" data-label="组织机构" title="组织机构">
            <div id="u22_div" class=""></div>
            <select id="u22_input" name="org" class="u22_input" title="组织机构">
                <option>
                <option selected value="组织机构">组织机构</option>
                <!--            <option class="u22_input_option" value="                     山东大学齐鲁医院">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 山东大学齐鲁医院</option>-->
                <!--            <option class="u22_input_option" value="                     天津医科大学附属医院">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; 天津医科大学附属医院</option>-->
                <!--            <option class="u22_input_option" value="                     北京大学第一医院">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 北京大学第一医院</option>-->
                <!--            <option class="u22_input_option" value="                     北京天坛医院">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 北京天坛医院</option>-->
                <!--            <option class="u22_input_option" value="                     北大六院">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 北大六院</option>-->
                <!--            <option class="u22_input_option" value="                     卫生监督管理局">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;卫生监督管理局</option>-->
                </option>
            </select>
        </div>

        <!-- 身份证-注册 (文本框) -->
        <div id="u23" class="ax_default text_field" data-label="身份证-注册" title="请输入18位身份证号">
            <div id="u23_div" class=""></div>
            <input id="u23_input" type="text" name="identity" value="" class="u23_input" title="请输入18位身份证号" maxlength="18"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u24" class="ax_default label">
            <div id="u24_div" class=""></div>
            <div id="u24_text" class="text ">
                <p><span style="text-decoration:none;color:#FF0000;">* </span><span style="text-decoration:none;color:#3C3A3A;">身份证号</span><span style="text-decoration:none;">:</span></p>
            </div>
        </div>

        <!-- 密码 (文本框) -->
        <div id="u25" class="ax_default text_field" data-label="密码" title="设置密码">
            <div id="u25_div" class=""></div>
            <input id="u25_input" type="password" value="" name="password" class="u25_input" title="设置密码" maxlength="30"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u26" class="ax_default label">
            <div id="u26_div" class=""></div>
            <div id="u26_text" class="text ">
                <p><span style="text-decoration:none;color:#FF0000;">* </span><span style="text-decoration:none;color:#3C3A3A;">密</span><span style="text-decoration:none;color:rgba(255, 255, 255, 0.203921568627451);">邮箱</span><span style="text-decoration:none;color:#3C3A3A;">码</span><span style="text-decoration:none;">:</span></p>
            </div>
        </div>

        <!-- 确认密码 (文本框) -->
        <div id="u27" class="ax_default text_field" data-label="确认密码" title="确认密码">
            <div id="u27_div" class=""></div>
            <input id="u27_input" type="password" value="" name="certpassword" class="u27_input" title="确认密码" maxlength="30"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u28" class="ax_default label">
            <div id="u28_div" class=""></div>
            <div id="u28_text" class="text ">
                <p><span style="text-decoration:none;color:#FF0000;">* </span><span style="text-decoration:none;color:#3C3A3A;">确认密码:</span></p>
            </div>
        </div>

        <!-- 姓名 (文本框) -->
        <div id="u29" class="ax_default text_field" data-label="姓名">
            <div id="u29_div" class=""></div>
            <input id="u29_input" type="text" name="realname" value="" class="u29_input"/>
        </div>

        <!-- 真实姓名-注册 (矩形) -->
        <div id="u30" class="ax_default label" data-label="真实姓名-注册">
            <div id="u30_div" class=""></div>
            <div id="u30_text" class="text ">
                <p><span style="text-decoration:none;color:#FF0000;">* </span><span style="text-decoration:none;color:#3C3A3A;">真实姓名:</span></p>
            </div>
        </div>

        <!-- 手机号 (文本框) -->
        <div id="u31" class="ax_default text_field" data-label="手机号" title="11位手机号">
            <div id="u31_div" class=""></div>
            <input id="u31_input" type="text" name="phone" value="" class="u31_input" title="11位手机号" maxlength="11"/>
        </div>

        <!-- 真实姓名-注册 (矩形) -->
        <div id="u32" class="ax_default label" data-label="真实姓名-注册">
            <div id="u32_div" class=""></div>
            <div id="u32_text" class="text ">
                <p><span style="text-decoration:none;color:#FF0000;">* </span><span style="text-decoration:none;color:#3C3A3A;">手</span><span style="text-decoration:none;color:rgba(255, 255, 255, 0.203921568627451);">机手</span><span style="text-decoration:none;color:#3C3A3A;">机:</span></p>
            </div>
        </div>

        <!-- 验证码-注册 (文本框) -->
        <div id="u33" class="ax_default text_field" data-label="验证码-注册">
            <div id="u33_div" class=""></div>
            <input id="u33_input" type="text" value="" class="u33_input"/>
        </div>

        <!-- 真实姓名-注册 (矩形) -->
        <div id="u34" class="ax_default label" data-label="真实姓名-注册">
            <div id="u34_div" class=""></div>
            <div id="u34_text" class="text ">
                <p><span style="text-decoration:none;color:rgba(255, 255, 255, 0.203921568627451);">* 手</span><span style="text-decoration:none;color:#3C3A3A;">验证码:</span></p>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u35" class="ax_default button">
            <div id="u35_div" class=""></div>
            <div id="u35_text" class="text ">
                <p><span style="text-decoration:none;">获取手机验证码</span></p>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <!--        <div id="u36" class="ax_default primary_button submit">-->
        <!--            <div id="u36_div" class=""></div>-->
        <!--            <div id="u36_text" class="text ">-->
        <!--                <p><span style="text-decoration:none;">注册</span></p>-->
        <!--            </div>-->
        <!--        </div>-->
        <div id="u36" class="ax_default primary_button">
            <button class="u36_div" style="color:white">注册</button>
            <style type="text/css">
                .u36_div {
                    border-width:0px;
                    position:absolute;
                    left:0px;
                    top:0px;
                    width:328px;
                    height:62px;
                    background:inherit;
                    background-color:rgba(22, 155, 213, 1);
                    border:none;
                    border-radius:10px;
                    -moz-box-shadow:none;
                    -webkit-box-shadow:none;
                    box-shadow:none;
                    font-family:'方正楷体简体';
                    font-weight:400;
                    font-style:normal;
                    font-size:28px;
                }
            </style>
        </div>
    </form>
    <form  id="fm1-02" action="/index" method="post" autocomplete="off">
        <div class="ax_default primary_button u036">
            <style type="text/css">
                .u036 {
                    border-width:0px;
                    position:absolute;
                    left:648px;
                    top:915px;
                    width:228px;
                    height:62px;
                    display:flex;
                    font-family:'方正楷体简体';
                    font-weight:400;
                    font-style:normal;
                    font-size:22px;
                }
            </style>
            <button class="u3633_div" style="color:rgba(22, 155, 213, 1)">已注册?直接登录</button>
            <style type="text/css">
                .u3633_div {
                    border-width:0px;
                    position:absolute;
                    left:0px;
                    top:0px;
                    width:228px;
                    height:62px;
                    background:inherit;
                    background-color:white;
                    border:none;
                    border-radius:10px;
                    -moz-box-shadow:none;
                    -webkit-box-shadow:none;
                    box-shadow:none;
                    font-family:'方正楷体简体';
                    font-weight:400;
                    font-style:normal;
                    font-size:22px;
                }
            </style>
        </div>
    </form>
    <form id="fm2" action="/addinstitution" method="post" autocomplete="off">
        <!-- Unnamed (矩形) -->
        <div id="u37" class="ax_default link_button">
            <button type="submit" class="u37_div" style="color:#008dcb"><p>暂无机构？</p><p>点击添加</p></button>
            <style type="text/css">
                .u37_div {
                    border-width:0px;
                    position:absolute;
                    left:0px;
                    top:0px;
                    width:84px;
                    height:40px;
                    background:inherit;
                    background-color:rgba(255, 255, 255, 0);
                    border:none;
                    border-radius:0px;
                    -moz-box-shadow:none;
                    -webkit-box-shadow:none;
                    box-shadow:none;
                    font-family:'宋体 常规', '宋体';
                    font-weight:400;
                    font-style:normal;
                    font-size:16px;
                    text-align:left;
                    border-width:0px;
                    white-space:nowrap;
                    text-transform:none;
                }
            </style>
            <input id="registerResult" name="registerResult" type="hidden" value="{{.CurNumber}}">
        </div>
    </form>
</div>
<script src="static/resources/scripts/axure/ios.js"></script>
<script>
    $(function(){
        // 下拉框与后端数据对接的实现 By J 230314
        var selectedData //对应选择的值
        $("#u22").on('click', function () {
            var ExistInsti=document.getElementById("ExistInsti").value.split(';')
            let oHtml2 = '';
            for(let i=0;i<ExistInsti.length;i++){
                oHtml2+='<option value="'+ExistInsti[i]+'">'+ExistInsti[i]+'</option>';
            }
            // 前端渲染
            $("#u22_input").html(oHtml2);
            var selects = document.getElementById("u22_input");
            selects.onchange = function () {
                var indexs = selects.selectedIndex;  //选中项的索引
                selectedData = ExistInsti[indexs] //可直接返回结果
            }
            // 设置选中
            var data = document.getElementById("u22_input");
            for(let i=0;i<data.length;i++){
                if (data[i].value==selectedData){
                    data[i].selected = true
                }
            }
        });


        $(".u36_div").on('click', function () {
            loadXMLDoc()
            // else {
            //     alert("请完成机构认证")
            // }
        });
    })
</script>
</body>
</html>
